<template>
	<view>
		<!-- #ifdef MP-WEIXIN -->
			<view class="" v-if="!userInfo" style="position: absolute; padding: 30upx 10upx; width: 500upx; height: 380upx; top: 30%; text-align: center; border-radius: 30upx; margin-left: 140upx; z-index: 9999; background-color: #ffffff;">
				<image style="width: 140upx; height: 140upx;"
				 :src="imglink + 'person.svg'" mode=""></image>
				<view class="" style="font-size: 40upx; font-weight: bold; color: rgba(0,0,0,0.85); margin-top: 20upx;">
					您还未登录
				</view>
				<view style="font-size: 28upx;color: rgba(0,0,0,0.45);">
					需要登录后才能查看
				</view>
				<button style="width: 370upx; z-index: 9999; margin-top: 30upx; font-size: 28upx; background: #02C15F;border-radius: 8px;"
				  type="primary" open-type="getUserInfo" 
				  @click="getuserinfo">授权登录</button>
			</view>
		<!-- #endif -->
		<view class="normal-font">
			{{activeInfo.title}}
		</view>
		<!-- 正在参与 start -->
		<view class="join-peopel-wrap">
			<view class="join-avatar-wrap">
				<view class="join-avatar-item" v-for="(item,index) in avatarShowList" :key="index">
					<image :src="item.avatar" mode="aspectFill"></image>
				</view>
			</view>
			<view class="join-peopel-right">
				<span class="num">{{(activeInfo.virtual_total + activeInfo.participants) || 0}}</span>
				人正在参与
			</view>
		</view>
		<!-- 正在参与 end -->
		<!-- 参团 start -->
		<view class="group-wrap">
			<view class="my-group my-group-border" v-if="groupInfo.myGroupList.length > 0">
				<view class="my-group-header">
					<view class="my-group-header-left"></view>
					<view class="medium-font">我参与的团</view>
					<view class="my-group-header-right"></view>
				</view>
				<view class="my-group-list">
					<view class="my-group-item" v-for="(item,index) in groupInfo.myGroupList" :key="item.assemble_id">
						<view class="left">
							<image :src="item.leader.avatar" mode="aspectFill"></image>
							<span class="medium-font">{{item.leader.nickname | nickname_value}}</span>
						</view>
						<view class="center">
							<view class="top-tip">
								<span>已有{{item.purchased}}人</span>
								<span class="text">还差{{item.quanlity_group_purchase - item.purchased}}人</span>
							</view>
							<progress :percent="(item.purchased/item.quanlity_group_purchase)*100" activeColor="#FF8B46" border-radius="3"
							 stroke-width="5" />
						</view>
						<view class="right">
							<!-- #ifdef H5 -->
								<view class="invite-btn" @click="invitJoinGruop(item)">邀请参团</view>
							<!-- #endif -->
							<!-- #ifdef MP-WEIXIN -->
								<button class="invite-btn" style="padding: 0;" :id="index" open-type="share">邀请参团</button>
							<!-- #endif -->
						</view>
					</view>
				</view>
			</view>
			<view class="my-group " v-if="groupInfo.otherGropList.length > 0">
				<view class="my-group-header">
					<view class="my-group-header-left"></view>
					<view class="medium-font">正在拼团</view>
					<view class="my-group-header-right"></view>
				</view>
				<view class="my-group-list">
					<view class="my-group-item" v-for="(item,index) in groupInfo.otherGropList" :key="item.assemble_id">
						<view class="left">
							<image :src="item.leader.avatar" mode="aspectFill"></image>
							<span class="medium-font">{{item.leader.nickname | nickname_value}}</span>
						</view>
						<view class="center">
							<view class="top-tip">
								<span>已有{{item.purchased}}人</span>
								<span class="text">还差{{item.quanlity_group_purchase - item.purchased}}人</span>
							</view>
							<progress :percent="(item.purchased/item.quanlity_group_purchase)*100" activeColor="#FF8B46" border-radius="3"
							 stroke-width="5" />
						</view>
						<view class="right">
							<view class="invite-btn" @click="joinOneGroup(item)">去参团</view>
						</view>
					</view>
					<view>
					</view>
				</view>
			</view>
		</view>
		<!-- 参团 end -->
		<view class="floor-right">
			<view class="to-creat-btn" @click="comeback">返回</view>
			<view class="to-join-btn" @click="opConcatPop()">联系老师</view>
		</view>
		<!-- 联系老师弹窗 start -->
		<uni-popup ref="contactTeacherPopup">
			<view class="contact-teacher-pop-wrap">
				<view class="teacher-pop-tip">长按保存老师二维码 扫一扫添加老师微信</view>
				<view class="contact-teacher-main">
					<view class="teacher-code-warp">
						<image class="teacher-code" style="z-index: 9999;" :src="teacherWay.wechat_qrcode" mode="" bindlongpress="savepicture" :show-menu-by-longpress="true"></image>
					</view>
				</view>
				<view class="teacher-info">
					老师微信号 : {{teacherWay.wechat_number}}
					<view class="copy-btn" @click="copyData(teacherWay.wechat_number)">复制</view>
				</view>
				<view class="teacher-info">
					老师电话 : {{teacherWay.telephone}}
					<view class="copy-btn" @click="callPhone">拨打</view>
				</view>
			</view>
		</uni-popup>
		<!-- 联系老师弹窗 end -->
		<!-- 分享提示 start-->
		<uni-popup ref="shareTip" :custom="true">
			<view class="popup_box_de_share">
				<image class="popup_box_close_share" :src="imglink + 'share_tip.png'"></image>
			</view>
		</uni-popup>
		<!-- 分享提示 end -->
	</view>
</template>

<script>
	import uniPopup from '@/components/uni-popup/uni-popup.vue';
	
	//#ifdef H5
		import wx from '@/common/wx-js-sdk.js';
		import h5Copy from '@/js_sdk/junyi-h5-copy/junyi-h5-copy/junyi-h5-copy.js'
	//#endif
	export default {
		filters: {
			nickname_value(value) {
				if (value.length == 1) {
					value = '*'
				} else if (value.length == 2) {
		
					value = value.substring(0, 1) + "*"
				} else {
					value = value.substring(0, 1) + "*" + value.substring(value.length - 1, value.length)
				}
				return value
			},
			goodName_val(value) {
				if (!value) return ''
				if (value.length > 40) {
					return value.slice(0, 40) + '...'
				}
				return value
			},
			goodName(value) {
				if (!value) return ''
				if (value.length > 38) {
					return value.slice(0, 38) + '...'
				}
				return value
			},
			addr_value(value) {
				if (!value) return ''
				if (value.length > 4) {
					return value.slice(0, 4) + '...'
				}
				return value
			},
			address_value(value) {
				if (!value) return ''
				if (value.length > 28) {
					return value.slice(0, 28) + '...'
				}
				return value
			},
			ellipsis(value, length) {
				if (!value) return ''
				if (value.length > length) {
					return value.slice(0, length) + '...'
				}
				return value
			}
		},
		components: {
			uniPopup
		},
		data() {
			return {
				imglink: this.$store.state.imgLink,
				teacherWay: {},
				store_id:'',
				activeInfo: {
					activity_id: '',
					customer_id: '',
					title: '',
					virtual_total: '',
					participants: '',
					image:''
				},
				groupInfo: {
					myGroupList: [], //我参与的团
					otherGropList: [], //正在拼团,
					endGroupList: [], //已完成的团
				},
				avatarShowList: [],
				options:'',
				store_info:'',
				store:{
					activity_id:'',
					order_id:'',
					buy_method:''
				},
				userInfo:''
			}
		},
		onLoad(option) {
			this.options = option
			this.activeDetail = uni.getStorageSync('shareAct')
			console.log(this.activeDetail, 'FFFFFFFFFFFFF');
			this.activeInfo.activity_id = this.activeDetail.activity_id
			this.activeInfo.customer_id = this.activeDetail.customer_id
			this.activeInfo.title = this.activeDetail.name
			this.activeInfo.virtual_total = this.activeDetail.virtual_total
			this.activeInfo.participants = this.activeDetail.buyer
			this.activeInfo.image = this.activeDetail.image[0].image
			this.store_id = this.activeDetail.store_id
			console.log(this.activeInfo, 'AAAAAAAAAIIIIIIIII');
			this.gainTeacher()
			this.gainGroupInfo()
			this.getStoreInfo()
			this.userInfo = uni.getStorageSync("userInfo")
			// #ifdef MP-WEIXIN
				if( this.options.invite_type == 'activity' ){
					// this.$store.commit('updateToken','')
					// uni.removeStorageSync('token')
					this.share_id = this.options.share_id
					this.invite_type = this.options.invite_type
					this.store_id = this.options.store_id
					this.event_id = this.options.actId
					let share = 1
					this.share = 1
					this.$store.commit('updataShare', share)
					console.log(this.share_id,this.invite_type,this.store_id,this.event_id,"？？？？？？？？？？？？？？？？？？？？？？？？？？");
				}
				// let that = this
				// uni.login({
				// 	provider: 'weixin',
				// 	success(res) {
				// 		console.log(res,'code');
				// 		that.loginCode = res.code
				// 		that.getTokens(that.loginCode)
				// 	}
				// })
			
				userLogin(this.share_id,this.invite_type,this.store_id,this.event_id).then((res)=>{
					console.log(res)
					console.log(555555)
					this.gainGroupInfo()
					// let share = 1
					// this.$store.commit('updataShare', share)
					// console.log(this.share_id,this.invite_type,this.store_id,this.event_id,"？？？？？？？？？？？？？？？？？？？？？？？？？？");
				});
			// #endif
		},
		// #ifdef MP-WEIXIN
			onShareAppMessage(res) {
				let _self = this
				_self.groupInfo.myGroupList.forEach((item) => {
					if( item.order_id == _self.groupInfo.myGroupList[res.target.id].order_id ){
						_self.store.activity_id = item.activity_id
						_self.store.order_id = item.order_id
						_self.store.buy_method = item.buy_method
					}
				})
				return {
					title: _self.store_info.nickname + '邀请您参与' + _self.activeInfo.title + '活动拼团', // 分享描述
					path: '/pages/home/organization/activeDetail-Group-3?store_id=' + _self.store_id +
						'&actId=' + item.activity_id + '&customer_id=' + _self.store_info.customer_id + '&order_id=' + item.order_id +
						'&page=share&buy_method=' + item.buy_method,
					imageUrl: _self.activeInfo.image, // 分享图标
				}
			},
		// #endif
		methods: {
			getuserinfo() {
				
				//#ifdef MP-WEIXIN
				userLogin(this.share_id,this.invite_type,this.store_id,this.event_id).then((res)=>{
					console.log(res)
					console.log(555555)
					this.userInfo = uni.getStorageSync("userInfo")
					// this.videoId = this.event_id
					// this.getVideo()
				});	
				//#endif
			},
			// #ifdef MP-WEIXIN
				// 保存图片
				savepicture(){
					let that = this
					uni.authorize({
						scope: 'scope.writePhotosAlbum',
						success() {
							console.log(that.teacherWay.wechat_qrcode);
							uni.showModal({
								title: '提示',
								content: '确定保存到相册吗',
								success: function (res) {
									if (res.confirm) {
										uni.downloadFile({
											url: that.teacherWay.wechat_qrcode,//图片地址
											success: (res) =>{
												if (res.statusCode === 200){
													uni.saveImageToPhotosAlbum({
														filePath: res.tempFilePath,
														success: function() {
															uni.showToast({
																title: "保存成功",
																icon: "none"
															});
														},
														fail: function() {
															uni.showToast({
																title: "保存失败",
																icon: "none"
															});
														}
													});
												} 
											}
										})
									} else if (res.cancel) {
										
									}
								}
							});
						},
						fail() {
							uni.showModal({
								content: '拒绝授权相册权限后无法成功保存海报，是否重新授权？',
								confirmColor: '#00A66A',
								success: function (res) {
									if (res.confirm) {
										uni.openSetting({
											success(res) {
												console.log(res.authSetting)
											}
										});
									} else if (res.cancel) {
										
									}
								}
							})
						}
					})
				},
			// #endif
			// 获取活动拼团信息
			gainGroupInfo() {
				let data = {
					token: this.$store.getters.getToken,
					activity_id: this.activeInfo.activity_id
				}
				let userInfo = uni.getStorageSync('userInfo')
				console.log(userInfo,'UUUUUUUUUUUUUUUUUUUUU');
				this.$api.get_activity_group_list(data).then(res => {
					if (res.status) {
						let groupList = res.data.assemble
						this.groupInfo.myGroupList = groupList.filter(item => 
						// (item.consumer.find(element => element.customer_id == this.customer_info.customer_id) != '')&&item.status == 0)
						{
							let flag = false
							if (item.status == 0) {
								for (let i = 0; i < item.consumer.length; i++) {
									if (item.consumer[i].customer_id == userInfo.customer_id) {
										flag = true;
										break;
									}
								}
								return flag
							}
						})
						console.log(this.groupInfo.myGroupList,'？？？？？？？？？？？？？？？？？？？？？');
						this.groupInfo.otherGropList = groupList.filter(item => 
						{
								let flag = false
								if (item.status == 0) {
									if(item.consumer.filter(element => element.customer_id == userInfo.customer_id).length >0){
										flag = false
									}else{
										flag = true
									}
									// for(let i=0;i<item.consumer.length;i++){
									// 	if(item.consumer[i].customer_id != this.customer_info.customer_id){
									// 		flag = true
									// 	}
								}
								return flag
						})
						// 设置展示头像列表
						this.getVirtualAvatarList(this.activeInfo.virtual_total, groupList)
						// this.avatarShowList.unshift(groupList.slice(1,10))
						// this.avatarShowList = this.avatarShowList.slice(1,10)
					}
				})
			},
			getStoreInfo() {
				
				const _self = this
				const data = {
					customer_store_id: this.store_id
				}
			
				this.$api.getCustomerInfo(data).then(res => {
					
					_self.store_info = res.data.userinfo
					
				}).catch(err => {
					console.log(err)
				})
			},
			//#ifdef H5
			invitJoinGruop(item) {
				console.log(item, 'IIIIIIIIIIIIIIIIIIIIIIIIIIIIIIII');
				const _self = this
			
				const data = {
					customer_store_id: this.store_id
				}
			
				this.$api.getCustomerInfo(data).then(res => {
			
					if (!res.status) {
						return false
					}
					// console.log(res.data,'store res.data')
					// return false
			
					const store_info = res.data.userinfo
					// 进行签名的时候  Android 不用使用之前的链接， ios 需要
					let signLink = /(Android)/i.test(navigator.userAgent) ? location.href : window.entryUrl;
					let data = {
						token: _self.$store.getters.getToken,
						url: signLink
					}
			
					this.$api.gain_share_data(data).then(res => {
						const shareConfig = JSON.parse(res.data)
						_self.$refs.shareTip.open()
						console.log(shareConfig, 'share res.data')
			
						wx.config(shareConfig)
						wx.ready(function() {
			
							wx.checkJsApi({
								jsApiList: [
									'updateTimelineShareData',
									'updateAppMessageShareData',
									'onMenuShareAppMessage',
									'onMenuShareTimeline'
								],
								success: function(res) {
									console.log('接口检测成功:' + res);
								},
								error: function(err) {
									console.log('接口检测失败:' + err);
								}
							})
							console.log(item)
							const shareData = {
								title: _self.activeInfo.title, // 分享标题
								desc: store_info.nickname + '邀请您参与' + _self.activeInfo.title + '活动拼团', // 分享描述
								link: _self.current_url() + '/pages/home/organization/activeDetail-Group-3?store_id=' + _self.store_id +
									'&actId=' + item.activity_id + '&customer_id=' + store_info.customer_id + '&order_id=' + item.order_id +
									'&page=share&buy_method=' + item.buy_method,
								imgUrl: _self.activeInfo.image, // 分享图标
								success: function(res) {
									console.log(res, 'success ---')
								},
								fail: function(err) {
									console.log(err.errMsg, 'fail ---')
								}
							}
							wx.updateAppMessageShareData(shareData);
							wx.updateTimelineShareData(shareData);
						})
						wx.error(function(res) {
							console.log(res, 'wx.error')
						})
					}).catch(err => {
			
						console.log(err)
					})
			
				}).catch(err => {
					console.log(err)
				})
			
			
			},
			//#endif
			joinOneGroup(data) {
				if (this.$store.getters.getToken) {
					if(this.activeDetail.allowed_total - this.activeDetail.buyer <= 0){
						uni.showToast({
							title: '名额已用完,请联系老师！',
							icon: 'none',
							duration: 2000
						})
						return false
					}
					// if(this.courseAmount == 0){
					// 	uni.showToast({
					// 		title:'请选择报名课程',
					// 		icon:'none',
					// 		duration:2000
					// 	})
					// 	return false
					// }
					// if(this.itemAct.enable_allowed_purchase_quantity== 1){
					// 	if(this.courseAmount>this.itemAct.allowed_purchase_quantity){
					// 		uni.showToast({
					// 			title:'本活动限报' + this.itemAct.allowed_purchase_quantity + '个课程',
					// 			icon:'none',
					// 			duration:2000
					// 		})
					// 		return false
					// 	}
					// }
			
					// uni.setStorageSync('buyActCouse', this.itemAct)
					if (this.activeDetail.group_purchase.length == 0) {
						this.is_group = 'discount'
					} else {
						this.is_group = 'group'
					}
					uni.setStorageSync('order_id', this.order_id);
					// uni.navigateTo({
					// 	url:'../order/ordersSubmitted?is_group=' + this.is_group + '&special=group_purchase_price&store_id='  + this.store_id + '&group_type=alone_group'
					// })
					uni.navigateTo({
						url: '/pages/home/organization/activeDetail-Group-3?page='+this.options.page+'&actId=' + this.options.actId + '&store_id=' +
						this.options.store_id + "&order_id=" + data.main_order_id +'&customer_id=' + this.options.customer_id
					})
				} else {
					location.href = this.$store.state.URL + "/customer/user/wx_login?page=" + this.currentPge + '&actId=' + this.activeInfo.activity_id + '&shared_customer_id=' + uni.getStorageSync('shared_customer_id')
				}
			},
			
			// 获取虚拟头像列表
			getVirtualAvatarList(num, groupList) {
				if (num > 10) {
					num = 10
				}
				let params = {
					token: this.$store.getters.getToken,
					Number: num
				}
				this.$api.getVirtualAvatarList(params).then(res => {
					groupList.forEach(item => {
						let data = {
							avatar: item.leader.avatar
						}
						this.avatarShowList.push(data)
					})
					if (res.status) {
						res.list.forEach(item => {
							item['avatar'] = item.img_url
						})
						res.list.forEach(item => {
							this.avatarShowList.push(item)
						})
						this.avatarShowList = this.avatarShowList.slice(0, 10).reverse()
					}
				})
			},
			// 获取老师联系方式
			gainTeacher() {
				// return new Promise((resolve, reject) => {
				console.log("token-----", this.$store.getters.getToken)
				if (this.$store.getters.getToken) {
					let data
					if (this.options.page == 'share') {
						data = {
							token: this.$store.getters.getToken,
							activity_id: this.activeInfo.activity_id,
							share_customer_id: uni.getStorageSync('shared_customer_id')
						}
					} else {
						data = {
							token: this.$store.getters.getToken,
							activity_id: this.activeInfo.activity_id
						}
					}
					this.$api.gain_teacher_contact(data).then(res => {
						console.log(res)
						if (res.status) {
							this.teacherWay = res.data
							this.teacherWay.changePhone = this.teacherWay.telephone.replace(/(^\d{3}|\d{4}\B)/g, "$1-")
						}
					}).catch(err => {
						reject()
						console.log(err)
					})
				} else {
					//#ifdef H5
						location.href = this.$store.state.URL + "/customer/user/wx_login?page=" + this.currentPge + '&actId=' + this.options
							.actId + '&shared_customer_id=' + uni.getStorageSync('shared_customer_id')
					//#endif
					// #ifdef MP-WEIXIN
						userLogin().then((res)=>{
							console.log(res)
							console.log(555555)
						});
					// #endif
				}
				// })
			},
			

			// 返回
			comeback() {
				uni.navigateBack({
					delta: 1
				});
				// uni.navigateTo({
				// 	url: '/pages/home/organization/activeDetail-Group-3?page=details&actId='+this.options.actId+'&store_id='+this.options.store_id+"&order_id="+data.main_order_id
				// })
			},
			// 打开联系老师弹窗
			opConcatPop() {
				this.$refs.contactTeacherPopup.open()
			},
			// 拨打
			callPhone() {
				uni.makePhoneCall({
					phoneNumber: this.teacherWay.telephone,
					success(res) {
						console.log(res)
					},
					fail(err) {
						console.log(err)
					}
				})
			},
			// #ifdef H5
				// 复制
				copyData(copyText) {
					console.log('点击了复制');
					let content = copyText // 复制内容，必须字符串，数字需要转换为字符串
					const result = h5Copy(content)
					if (result === false) {
						uni.showToast({
							title: '不支持',
						})
					} else {
						uni.showToast({
							title: '复制成功',
							icon: 'none'
						})
					}
				},
			// #endif
			// #ifdef MP-WEIXIN
				copyData(wechatNumber) {
					uni.setClipboardData({
						data: wechatNumber,
						success: function (res) {
							uni.getClipboardData({
								success: function (res) {
									console.log(res.data) // data
								}
							})
						}
					})
				},
			// #endif
		},
	}
</script>

<style scoped>
	page {
		background: #FFFFFF;
	}
	
	.small-font {
		font-size: 24rpx;
	}
	
	.medium-font {
		font-size: 28rpx;
	}
	
	.normal-font {
		font-size: 40rpx;
	}
	
	.content-wrap {
		width: 100%;
	}

	/* 参与人员头像 start */
	.join-peopel-wrap {
		display: flex;
		justify-content: center;
		margin: 20rpx;
		padding: 20rpx;
		box-sizing: border-box;
		border-bottom: 2rpx solid #eee;
	}
	
	.join-avatar-item {
		display: inline-block;
	}
	
	.join-avatar-item image {
		height: 48rpx;
		width: 48rpx;
		border-radius: 50%;
	}
	
	.join-avatar-item:not(:first-child) {
		margin-left: -15rpx;
	}
	
	.join-peopel-right {
		font-size: 18px;
		color: #666;
	}
	
	.join-peopel-right .num {
		font-size: 36rpx;
		color: #ff391f;
		font-weight: bold;
	}
	
	/* 参与人员头像 end */
	/* 参团 start */
	.group-wrap {
		padding-bottom: 120rpx;
	}

	.my-group {
		margin: 20rpx 0;
	}

	.my-group-border:after {
		content: '';
		display: block;
		margin: 0 20rpx;
		margin-top: 30rpx;
		border-bottom: 1px solid #eee;
	}

	.my-group .my-group-header {
		display: flex;
		justify-content: center;
		height: 42rpx;
		color: #ff8b46;
	}

	.my-group .my-group-header-left {
		height: 2rpx;
		width: 200rpx;
		margin: auto 0;
		margin-right: 20rpx;
		background-image: linear-gradient(90deg, rgba(255, 191, 124, 0) 0%, #ff8b46 100%);
	}

	.my-group .my-group-header-right {
		height: 2rpx;
		width: 200rpx;
		margin: auto 0;
		margin-left: 20rpx;
		transform: scaleX(-1);
		background-image: linear-gradient(90deg, rgba(255, 191, 124, 0) 0%, #ff8b46 100%);
	}

	.my-group-list {
		margin: 0 20rpx;
	}

	.my-group-item {
		display: flex;
		justify-content: space-between;
		height: 60rpx;
		margin-top: 30rpx;
		margin-bottom: 30rpx;
	}

	.my-group-item:last-child {
		display: flex;
		justify-content: space-between;
		height: 60rpx;
		margin-bottom: 10rpx;
	}

	.my-group-item .left {
		width: 200rpx;
	}

	.my-group-item .right {
		width: 200rpx;
	}

	.my-group-item image {
		height: 48rpx;
		width: 48rpx;
		vertical-align: middle;
		border-radius: 50%;
	}

	.my-group-item .center {
		flex: 1;
		text-align: center;
	}

	.my-group-item .center .top-tip {
		font-size: 22rpx;
		margin-top: -10rpx;
		margin-bottom: 10rpx;
	}

	.my-group-item .center .top-tip .text {
		color: #f86363;
		margin-left: 20rpx;
	}

	.my-group-item .center progress {
		border-radius: 20rpx;
		overflow: hidden;
	}

	.my-group-item .right .invite-btn {
		height: 40rpx;
		width: 140rpx;
		margin-top: 12rpx;
		margin-left: 30rpx;
		font-size: 22rpx;
		line-height: 40rpx;
		text-align: center;
		background: #f86363;
		color: #ffffff;
		border-radius: 20rpx;
	}

	.view-more {
		text-align: center;
		padding-bottom: 20rpx;
		color: #55a0f0;
	}

	/* 参团 end */

	/* 联系老师弹窗 start */
	.contact-teacher-pop-wrap {
		width: 640rpx;
		margin: 0 auto;
		font-size: 32rpx;
		background: #FFFFFF;
		border-radius: 20rpx;
		padding: 28rpx 0;
	}

	.contact-teacher-pop-wrap .teacher-pop-tip {
		text-align: center;
		color: #FF8B46;
	}

	.contact-teacher-pop-wrap .teacher-code-warp image {
		width: 580rpx;
		margin: 30rpx 30rpx;
		height: 55vh;
		text-align: center;
		border-radius: 16rpx;
	}

	.contact-teacher-pop-wrap .teacher-info {
		text-align: center;
		display: flex;
		justify-content: space-between;
		margin: 0 40rpx;
	}

	.contact-teacher-pop-wrap .teacher-info .copy-btn {
		display: inline-block;
		height: 48rpx;
		width: 140rpx;
		text-align: center;
		line-height: 48rpx;
		color: #FFFFFF;
		font-size: 26rpx;
		background-image: linear-gradient(90deg, #FE9543 14%, #FF664F 100%);
		border-radius: 15px;
	}

	.contact-teacher-pop-wrap .teacher-info:not(last-child) {
		margin-bottom: 20rpx;
	}

	/* 联系老师弹窗 end */

	/* 底部栏 start*/
	.floor-right {
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		position: fixed;
		bottom: 0rpx;
		width: 100vw;
		box-shadow: 0 -4px 11px 0 rgba(109, 107, 107, 0.14);
		height: 112rpx;
		z-index: 99;
		background-color: #FFFFFF;
	}

	.floor-right .to-creat-btn {

		height: 88rpx;
		width: 240rpx;
		text-align: center;
		line-height: 88rpx;
		color: #ff8b46;
		background: #ffffff;
		border: 1px solid #ff8b46;
		border-radius: 22px;
	}

	.floor-right .to-join-btn {
		height: 88rpx;
		width: 240rpx;
		text-align: center;
		line-height: 88rpx;
		color: #ffffff;
		background-image: linear-gradient(90deg, #fe9543 14%, #ff664f 100%);
		box-shadow: 0 4px 8px 0 rgba(166, 13, 0, 0.23);
		border-radius: 22px;
		margin-right: 20rpx;
	}

	/* 底部栏 end */
	/* 分享提示 start */
	.popup_box_de_share {
		width: 100%;
		height: 100%;
	}
	
	.popup_box_close_share {
		width: 300upx;
		height: 300upx;
		position: fixed;
		top: 10upx;
		right: 10upx;
	}
	
	/* 分享提示 end */
</style>
